 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<title>Simple Drag</title> 
 
<style type="text/css"> 
/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
	margin:0;
	padding:0;
}
</style> 
 
<link type="text/css" rel="stylesheet" href="https://yuicombo.appspot.com/combo?3.0.0/build/cssfonts/fonts-min.css" /> 
<script type="text/javascript" src="https://yuicombo.appspot.com/combo?3.0.0/build/yui/yui-min.js"></script> 
 
<!--there is no custom header content for this example--> 
 
</head> 
 
<body class=" yui-skin-sam"> 
 
<h1>Simple Drag</h1> 
 
<div class="exampleIntro"> 
	<p>This example shows a simple drag interaction that doesn't require a drop interaction.</p> 
			
</div> 
 
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== --> 
 
<style> 
    #demo {
        height: 100px;
        width: 100px;
        border: 1px solid black;
        background-color: #8DD5E7;
        cursor: move;
    }
</style> 
 
<div id="demo">Drag Me</div> 
 
<script> 
 
YUI({combine: true, timeout: 10000, comboBase : 'https://yuicombo.appspot.com/combo?'}).use('dd-drag', function(Y) {
    var dd = new Y.DD.Drag({
        //Selector of the node to make draggable
        node: '#demo'
    });   
});
</script> 
 
<!--END SOURCE CODE FOR EXAMPLE =============================== --> 
 
 
<!--MyBlogLog instrumentation--> 
<script type="text/javascript" src="http://track2.mybloglog.com/js/jsserv.php?mblID=2007020704011645"></script> 
</body> 
</html> 
<!-- p4.ydn.re1.yahoo.com compressed/chunked Wed Mar 17 01:00:50 PDT 2010 --> 